/**
 * 项目默认配置项
 * primaryColor - 默认主题色, 如果修改颜色不生效，请清理 localStorage
 * navTheme - sidebar theme ['dark', 'light'] 两种主题
 * colorWeak - 色盲模式
 * layout - 整体布局方式 ['sidemenu', 'topmenu'] 两种布局
 * fixedHeader - 固定 Header : boolean
 * fixSiderbar - 固定左侧菜单栏 ： boolean
 * contentWidth - 内容区布局： 流式 |  固定
 *
 * storageOptions: {} - Vue-ls 插件配置项 (localStorage/sessionStorage)
 *
 */

import { store } from '../store'

const defaultTheme = {
  /**
   * 导航菜单颜色 dark | light
   */
  navTheme: 'dark',
  /**
   * 菜单位置 side | top
   */
  navPosition: 'side',
  /**
   * 顶部菜单布局 fixed | fluid
   */
  contentWidth: 'fixed',
  /**
   * 主题色
   */
  color: '#1890FF',
  /**
   * 色弱模式
   */
  colorWeak: '0',
  /**
   * 页面打开方式
   * single - 单页面模式
   * multi  - 多标签模式
   */
  page: 'single',
  /**
   * 多标签打开方式
   * always  - 总是在新标签中打开链接
   * default - 默认方式（相同路由在同一个标签中打开）
   */
  newTab: 'default',
  /**
   * 多标签类型
   * editable-card - 可编辑卡片
   * line          - 下划线
   * card          - 普通卡片
   */
  tabType: 'editable-card',
  /**
   * 字号
   * 12px | 14px | 16px | 18px
   */
  fontSize: '14px'
}

export const colorList = [{
  name: '拂晓蓝', value: '#1890FF'
}, {
  name: '火山', value: '#FA541C'
}, {
  name: '日暮', value: '#FAAD14'
}, {
  name: '明青', value: '#13C2C2'
}, {
  name: '极光绿', value: '#52C41A'
}, {
  name: '薄暮', value: '#F5222D'
}, {
  name: '极客蓝', value: '#2F54EB'
}, {
  name: '酱紫', value: '#722ED1'
}]

const install = (Vue, themes) => {
  process.env.VUE_APP_ENABLE_THEMES_SETTING === 'true' && store.setThemes(Object.assign({}, defaultTheme, themes || {}))
}

export default { install }